<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Home - PN Cambodia Alumni Association</title>

	<!-- Bootstrap -->
	<link href="../../../Public/Css/bootstrap-3.2.0/css/bootstrap.min.css" rel="stylesheet">
	<link href="../../../Public/Css/bootstrap-3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">

	<!-- Pncaa -->
	<link href="../../../Public/Css/Screen.css" rel="stylesheet">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="../../../Public/Css/bootstrap-3.2.0/js/html5shiv.min-3.7.2.js"></script>
	<script src="../../../Public/Css/bootstrap-3.2.0/js/respond.min-1.4.2.js"></script>
	<![endif]-->
</head>
<body>
	<div class="navbar header" role="navigation">
	    <div class="container">
		    <div class="row">
			    <div class="col-lg-4">
			        <div class="navbar navbar-inverse">
			            <a href="/" class="navbar-brand" title="Home">
			                <img src="../../../Public/Images/pncaa-logo-300x129.png" alt="" />
			            </a>
			        </div>
			    </div>
			    <div class="col-lg-8">
				    <div class="header_right">
					    <div class="meta_nav">
						    <ul class="auth">
							    <li><a href="#"><span class="signup_icon"></span>Sign Up</a></li>
							    <li><a href="#"><span class="login_icon"></span>Login</a></li>
						    </ul>
						    <ul class="language_nav">
							    <li><a href="#"><span class="en_flag"></span>EN</a></li>
							    <li><a href="#"><span class="kh_flag"></span>KH</a></li>
						    </ul>
					    </div>
					    <div class="clear"></div>
					    <div class="form-search">
						    <form id="form-search" method="post">
							    <input type="text" value="Search..." onblur="if(this.value=='') this.value='Type here...'" onfocus="if(this.value =='Type here...' ) this.value=''">
							    <a href="#" onclick="document.getElementById('form-search').submit()" class="search_button"></a>
						    </form>
					    </div>
				    </div>
			    </div>
		    </div>
		</div>
	</div>
	<div class="navbar-wrapper">
		<div class="container">
		    <div class="navbar navbar-inverse navbar-static-top navbar-main">
			    <div class="navbar-header">
				    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					    <span class="icon-bar"></span>
					    <span class="icon-bar"></span>
					    <span class="icon-bar"></span>
				    </button>
			    </div>
				<nav class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="#" title="Home">Home</a>
						</li>
						<li class="dropdown">
							<a href="#" title="About Us" class="dropdown-toggle" data-toggle="dropdown">About Us
								<span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li class="first">
									<a href="#" title="Introduction">Introduction</a>
								</li>
								<li>
									<a href="#" title="Governance">Governance</a>
								</li>
								<li>
									<a href="#" title="Structure and Roles">Structure and Roles</a>
								</li>
								<li>
									<a href="#" title="Vision">Vistion</a>
								</li>
								<li>
									<a href="#" title="Mission">Mission</a>
								</li>
								<li class="last">
									<a href="#" title="Objective">Objective</a>
								</li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" title="Activities" class="dropdown-toggle" data-toggle="dropdown">
								Activities<span class="caret"></span>
							</a>
							<ul class="dropdown-menu" role="menu">
								<li class="first">
									<a href="#" title="Communications and Publications">Communications and Publications</a>
								</li>
								<li>
									<a href="#" title="Events Organization">Events Organization</a>
								</li>
								<li>
									<a href="#" title="Training and Capacity Building">Training and Capacity Building</a>
								</li>
								<li>
									<a href="#" title="Career Development">Career Development</a>
								</li>
								<li class="last">
									<a href="#" title="Social and Community Engagement">Social and Community
										Engagement</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#" title="Alumni Directory">Alumni Directory</a>
						</li>
						<li>
							<a href="#" title="News & Events">News and Events</a>
						</li>
						<li>
							<a href="#" title="Jobs">Jobs</a>
						</li>
						<li>
							<a href="#" title="Contact Us">Contact Us</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
	<div id="myCarousel" class="carousel slide" data-ride="carousel">
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1" class=""></li>
			<li data-target="#myCarousel" data-slide-to="2" class=""></li>
		</ol>
		<div class="carousel-inner">
			<div class="item active">
				<img src="../../../Public/Images/slide1.jpg" alt="" />
			</div>
			<div class="item">
				<img src="../../../Public/Images/slide2.jpg" alt="" />
			</div>
			<div class="item">
				<img src="../../../Public/Images/slide3.jpg" alt="" />
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
	</div>
	<div class="main-content">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="row">
						<div class="key_feature">
							<div class="col-lg-6">
								<div class="job col-lg-12">
									<h3 class="title">Job Opportunities</h3>
									<img src="../../../Public/Images/job.jpg" alt="Job Opportunities" />
								</div>
							</div>
							<div class="col-lg-6">
								<div class="graduate col-lg-12">
									<h3 class="title">Graduated Students</h3>
									<img src="../../../Public/Images/graduated.jpg" alt="Graduated Students" />
								</div>
							</div>
							<div class="col-lg-6">
								<div class="benefit col-lg-12">
									<h3 class="title">Benefits</h3>
									<img src="../../../Public/Images/benefit.jpg" alt="Benefits" />
								</div>
							</div>
							<div class="col-lg-6">
								<div class="certificate col-lg-12">
									<h3 class="title">Certificate</h3>
									<img src="../../../Public/Images/cerficate.jpg" alt="Certificate" />
								</div>
							</div>
						</div>
					</div>


					<div class="row">
						<div class="key_feature">
							<div class="col-lg-6">
								<div class="job col-lg-12">
									<h3 class="title">News Releases</h3>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
								</div>
							</div>
							<div class="col-lg-6">
								<div class="graduate col-lg-12">
									<h3 class="title">Become a member?</h3>
									<button type="button" class="btn btn-warning btn-lg btn-block">Register Now!</button>

								</div>
							</div>
						</div>
					</div>


					<div class="row">
						<div class="col-lg-12">
							<h2 class="title">Our Sponsors</h2>
						</div>
						<div class="col-lg-3">
							<img src="../../../Public/Images/sponsor.jpg" title="pnc" alt="pnc" class="img-rounded" />
						</div>
						<div class="col-lg-3">
							<img src="../../../Public/Images/sponsor.jpg" title="pnc" alt="pnc" class="img-rounded"/>
						</div>
						<div class="col-lg-3">
							<img src="../../../Public/Images/sponsor.jpg" title="pnc" alt="pnc" class="img-rounded"/>
						</div>
						<div class="col-lg-3">
							<img src="../../../Public/Images/sponsor.jpg" title="pnc" alt="pnc" class="img-rounded"/>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div id="right_sitebar">
						<h2 class="title">Features Post</h2>
						<div class="feature">
							<h3 class="sub_title">Monthly Volunteers</h3>
							<div class="panel-group" id="volunteers">
							  	<div class="panel panel-default">
							    	<div class="panel-heading">
							      		<h4 class="panel-title">
							          		Mr. Hou Lim
							        	<a class="a-volunteer" data-toggle="collapse" data-parent="#volunteers" href="#collapseHouLim"><span></span></a>
							      		</h4>
							    	</div>
							    	<div id="collapseHouLim" class="panel-collapse collapse in">
							      		<div class="panel-body">
							        		Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							      		</div>
							    	</div>
							  	</div>
								<div class="panel panel-default">
								    <div class="panel-heading">
								      	<h4 class="panel-title">
								          		Ms. Chin Sovandy
								        	<a class="a-volunteer" data-toggle="collapse" data-parent="#volunteers" href="#collapseChinSovanday"><span></span></a>
								      	</h4>
								    </div>
								    <div id="collapseChinSovanday" class="panel-collapse collapse">
								      	<div class="panel-body">
								        	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
								      	</div>
							    	</div>
							  	</div>
							  	<div class="panel panel-default">
							    	<div class="panel-heading">
								      	<h4 class="panel-title">
								          		Ms. Krueng Danet
								        	<a class="a-volunteer" data-toggle="collapse" data-parent="#volunteers" href="#collapseKruengDanet"><span></span></a>
								      	</h4>
							    	</div>
							    	<div id="collapseKruengDanet" class="panel-collapse collapse">
							      		<div class="panel-body">
							        		Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							      		</div>
							    	</div>
							  	</div>
							</div>
						</div>
						<div class="feature">
							<h3 class="sub_title">Events</h3>
							<div class="panel-group" id="events">
							  	<div class="panel panel-default">
							    	<div class="panel-heading">
							      		<h4 class="panel-title">
							          		Joint let's Do it
							        	<a class="a-volunteer" data-toggle="collapse" data-parent="#events" href="#collapseJointsLetsDoIt"><span></span></a>
							      		</h4>
							    	</div>
							    	<div id="collapseJointsLetsDoIt" class="panel-collapse collapse">
							      		<div class="panel-body">
							        		Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							      		</div>
							    	</div>
							  	</div>
								<div class="panel panel-default">
								    <div class="panel-heading">
								      	<h4 class="panel-title">
								          		Donate blood
								        	<a class="a-volunteer" data-toggle="collapse" data-parent="#events" href="#collapseDonateBlood"><span></span></a>
								      	</h4>
								    </div>
								    <div id="collapseDonateBlood" class="panel-collapse collapse">
								      	<div class="panel-body">
								        	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
								      	</div>
							    	</div>
							  	</div>
							  	<div class="panel panel-default">
							    	<div class="panel-heading">
								      	<h4 class="panel-title">
								          		Football Champain
								        	<a class="a-volunteer" data-toggle="collapse" data-parent="#events" href="#collapseFootballChampain"><span></span></a>
								      	</h4>
							    	</div>
							    	<div id="collapseFootballChampain" class="panel-collapse collapse">
							      		<div class="panel-body">
							        		Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							      		</div>
							    	</div>
							  	</div>
							</div>
						</div>
						<div class="feature">
							<h3 class="sub_title">Training</h3>
							<div class="panel-group" id="training">
							  	<div class="panel panel-default">
							    	<div class="panel-heading">
							      		<h4 class="panel-title">
							          		Google Training
							        	<a class="a-volunteer" data-toggle="collapse" data-parent="#training" href="#collapseGoogleTraining"><span></span></a>
							      		</h4>
							    	</div>
							    	<div id="collapseGoogleTraining" class="panel-collapse collapse">
							      		<div class="panel-body">
							        		Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							      		</div>
							    	</div>
							  	</div>
								<div class="panel panel-default">
								    <div class="panel-heading">
								      	<h4 class="panel-title">
								          		Lunux Security
								        	<a class="a-volunteer" data-toggle="collapse" data-parent="#training" href="#collapseLunuxSecurity"><span></span></a>
								      	</h4>
								    </div>
								    <div id="collapseLunuxSecurity" class="panel-collapse collapse">
								      	<div class="panel-body">
								        	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
								      	</div>
							    	</div>
							  	</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="container">
			<div class="footer_content">
				<div class="row">
					<div class="col-lg-4">
						<div class="footer_left">
							<ul>
								<li><a href="#">Student Directory</a></li>
								<li><a href="#">Job Posts</a></li>
								<li><a href="#">Benefits</a></li>
								<li><a href="#">Activities</a></li>
								<li><a href="#">About Alumni</a></li>
								<li><a href="#">Photo & Video</a></li>
								<li><a href="#">Team</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="footer_mid">
							<h3>Sponsor</h3>
							<ul>
								<li><a href="#"></a></li>
							</ul>
							<div class="copy_right">
								<p>&copy;2013. All right saved</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="footer_right">
							<ul class="social-icons">
								<li><a class="youtube" title="YouTube" href="#"></a></li>
								<li><a class="linkin" title="LinkIn" href="#"></a></li>
								<li><a class="facebook" title="Facebook" href="#"></a></li>
							</ul>
							<div class="developbys">
								<p>Design &nbsp; Developed by Alumini team.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="../../../Public/Css/bootstrap-3.2.0/js/jquery.min-1.11.1.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="../../../Public/Css/bootstrap-3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
